/* common */
html,body{
	background-color:#f3f3f3;
	height:100%;
}
.common{
	width:1140px;
	margin:0 auto;
}
.container{
	height:auto;
	min-height:100%;
	position:relative;
}

/* home header*/
.header{
	width:100%;
	min-width:1140px;
	height:70px;
	line-height:70px;
	background-color:#fff;
}
.header-left{
	color:#323232;
	font-size:15px;
}
.header-left .logo{
	display: inline-block;
	width:71px;
	height:23px;
	background:url(../../../resources/assets/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	vertical-align: text-bottom;
	
}
.nav{
	display: inline-block;
	position:relative;
}
.nav a{
	color:#343434;
	font-size:14px;
	display: inline-block;
	width:83px;
	height:67px;
	text-align: center;
}
.nav a.active{
	color:#208070;
	border-bottom:3px solid #30bfa7;
}

.user-center{
	display:inline-block;
	height:70px;
	width:82px;
	vertical-align: top;
	margin-left:80px;
	position:relative;
	text-align: center;
}
.avatar{
	height:70px;
	width:82px;
	display:inline-block;
}
.avatar img{
	margin-top:16px;
	width:36px;
	height:36px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	-o-border-radius: 50%; 
	border-radius: 50%; 
}
.line{
	width:1px;
	height:56px;
	background-color:#e6e6e6;
	position:absolute;
	left:0;
	top:7px;
}
.arrow{
	display:inline-block;
	width:0;
	height:0;
	border-top:4px solid transparent;
	border-left:4px solid transparent;
	border-right:4px solid #e6e6e6;
	border-bottom:4px solid #e6e6e6;
}
.user-select{
	position:absolute;
	top:70px;
	right:-1px;
	background:#fff;
	z-index:20;
	border:1px solid #e5e5e5;
	line-height:0;
	display:none;
}
.user-select a{
	display:inline-block;
	width:104px;
	height:40px;
	line-height:40px;
	color:#676767;
	padding:0 16px;
	text-align: left;
	vertical-align: top;
}
.user-select i{
	font-size:18px;
	margin-right:16px;
}
/* home main*/
.home-main{
	width:100%;
	background-color:#f3f3f3;
	padding-bottom:420px;
}
.home-main-top,.home-main-center{
	margin-bottom:10px;
}
.home-main-top{
	width:100%;
	position:relative;
	height:330px;
	background:#fff url(../../../resources/assets/home_banner.jpg) no-repeat;
}
.home-title {
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	height:120px;
	
}
.home-title img{
	position:absolute;
	left:52px;
	top:0;
}
.home-title-top{
	height:50px;
}
.home-title-top,.home-title-bottom{
	padding:0 20px 0 184px;
}
.home-title-top h2{
	display:inline-block;
	font-size:18px;
	color:#fff;
	font-weight: bold;
	padding-top:6px;
}
.home-title-top .certification{
	background-color:#47bdce;
	color:#fff;
	font-size:12px;
	margin-left:14px;
	padding:3px 8px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
}
.user-setting{
	display:inline-block;
	width:146px;
	height:32px;
	line-height:32px;
	text-align: center;
	background-color:#30bfa7;
	-webkit-border-radius: 16px; 
	-moz-border-radius: 16px; 
	-o-border-radius: 16px; 
	border-radius: 16px; 
	box-shadow: 0 5px 0 #2caa95;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	
}
.user-setting:hover{
	color:#fff;
}
.user-setting .circle{
	display:inline-block;
	width:16px;
	height:16px;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	-o-border-radius: 50%; 
	border-radius: 50%; 
}
.home-title-bottom{
	height:70px;
	line-height:70px;
	font-size:0;
}
.home-title-bottom .account-label{
	font-size:14px;
	color:#343434;
	padding:6px 24px 6px 14px;
	border-right:1px solid #f5f5f5;
}
.home-title-bottom i{
	font-size:20px;
	margin-left:18px;
	vertical-align: sub;
	color:#d9d9d9;
}
i.icon-huiyuan.active{
	color:#ff5555;
}
i.icon-jinrongfuwu.active{
	color:#fbb200;
}
.home-title-bottom .last-time{
	font-size:14px;
	color:#656565;
	padding-right:14px;
}
.home-title-bottom .last-time span{
	color:#9a9a9a;
}
.my-tidings{
	width:778px;
	background-color:#fff;
	border:1px solid #ededed;
}
.services{
	width:350px;
}
.my-tidings-header{
	padding-top: 24px;
	font-size:0;
}
.my-tidings-header span{
	font-size:16px;
	color:#343434;
	font-weight: bold;
	padding:3px 24px 3px 28px;
	border-right:1px solid #e6e6e6;
	margin-right:24px;
	vertical-align: sub;
}
.tidings-nav-container{
	position:relative;
	display:inline-block;
}
.underline{
	position:absolute;
	display:inline-block;
	width:56px;
	height:2px;
	background-color:#30bfa7;
	position:absolute;
	left:2px;
	bottom:0;
}
.tidings-nav{
	display:inline-block;
	position:relative;
}
.tidings-nav li {
	display:inline-block;
	font-size:14px;
	color:#666;
	padding:14px 16px;
	cursor:pointer;
	margin-right:6px;
}

.my-tidings,.services{
	height:565px;
}
.my-tidings-content{
	padding:0 16px;
	display:none;
}
.my-tidings-content:first-child {
	display:block;
}
.my-tidings-content .row{
	border-bottom:1px solid #e5e5e5;
	font-size:0;
}
.my-tidings-content .row:last-child{
	border-bottom:0;
}
.my-tidings-content .row .tiding-item:last-child{
	margin-right:0;
}
.tiding-item{
	width:179px;
	padding:24px 0;
	display:inline-block;
	margin-right:10px;
}
.tiding-item-img {
	position:relative;
}
.tiding-item-img img{
	width:179px;
	height:140px;
	background-color:#f3f3f3;
}
.tiding-item-sign{
	position:absolute;
	right:14px;
	bottom:14px;
	padding:3px 10px;
	background-color:rgba(0,0,0,0.4);
	color:#fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	font-size:12px;
}
.tiding-item-describle{
	color:#666;
	font-size:12px;
	line-height:24px;
	margin-top:8px;
}
.service-item{
	width:350px;
	height:182px;
	border:1px solid #ececec;
	background:#fff;
	margin-bottom:10px;
	padding:0 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.service-item:last-child{
	margin-bottom:0;
}
.service-item-top{
	height:88px;
	line-height:88px;
	border-bottom:1px solid #f3f3f3;	
}
.service-title{
	font-size:16px;
	color:#333;
}
.service-title i{
	font-size:26px;
	padding:0 10px;
	vertical-align: sub;
}
.service-title .icon-zixunfuwu{
	color:#16b8d9;
}
.service-title .icon-huiyuan{
	color:#ff5555;
}
.service-title .icon-jinrongfuwu{
	color:#fbb200;
}
.service-btn{
	display:inline-block;
	width:148px;
	height:48px;
	margin-top:20px;
	line-height:48px;
	text-align:center;
	color:#fff;
	font-size:16px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
}
.service-btn:hover{
	color:#fff;
}
.service-btn i{
	margin-right:14px;
	font-size:22px;
}
.service-btn.success{
	background-color:#30bfa7;
	-webkit-box-shadow:0px 4px 25px rgba(48,191,167,0.3);
	-moz-box-shadow:0px 4px 25px rgba(48,191,167,0.3);
	-o-box-shadow:0px 4px 25px rgba(48,191,167,0.3);
	box-shadow:0px 4px 25px rgba(48,191,167,0.3);
}
.service-btn.disabled{
	background-color:#d8d8d8;
	cursor:not-allowed;
	
}
.service-item-describle{
	padding:26px 0;
	font-size:14px;
	color:#666;
}
.home-main-bottom{
	width:100%;
	height:372px;
	border:1px solid #ededed;
	background:#fff;
	margin-bottom:20px;
	padding:0 16px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;

}
.discharge-header{
	height: 66px;
	line-height:66px;
	border-bottom:1px solid #e5e5e5;
	
}
.discharge-header h2{
	font-size:16px;
	color:#343434;
	font-weight:bold;
	padding-left:10px;
	display:inline-block;
}
.year-select{
	width:106px;
	height:36px;
	outline:none;
	border:1px solid #ccc;
	color:#666;
	padding-left:16px;
	margin-top:15px;
	cursor:pointer;
}
.discharge-histogram,.discharge-ring,.discharge-table {
	float:left;
	height:306px;
	padding:36px 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.discharge-histogram{
	width:39%;
}
.discharge-ring{
	width:20%;
}
.discharge-table{
	width:41%;
}
.discharge-table table{
	width:100%;
	height:100%;
	border:1px solid #ddd;
}
.discharge-table table thead{
	background-color:#f5f5f5;
}
.discharge-table table td,.discharge-table table th{
	text-align:center;
	color:#686868;
}
.discharge-table table th{
	font-size:14px;
	font-weight:bold;
	padding:20px 0;
}


/* 弹窗 */
.common-alert{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	overflow-y: auto;
	display: none;
}
.common-alert .backdrop{
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background:rgba(0,0,0,0.4);
	z-index:10;
}
.alert-container{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-300px;
	margin-top:-230px;
	z-index:11;
	width:600px;
	height:459px;
	background:#fff;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	-webkit-box-shadow:0px 0px 25px rgba(0,0,0,0.3);
	-moz-box-shadow:0px 0px 25px rgba(0,0,0,0.3);
	-o-box-shadow:0px 0px 25px rgba(0,0,0,0.3);
	box-shadow:0px 0px 25px rgba(0,0,0,0.3);
	overflow:hidden;
}
.alert-header{
	color:#333;
	font-size:16px;
	line-height:26px;
	text-align: center;
	font-weight:bold;
	width:482px;
	margin:0 auto;
	padding:40px 66px;
	border-bottom:1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.alert-main{
	padding:50px 0;
	text-align: center;
}
.alert-main img{
	vertical-align: top;
}
.pay-content{
	display:inline-block;
	margin-left:62px;
	text-align: left;
}
.price{
	color:#343434;
	font-size:18px;
	font-weight:bold;
}
.price span{
	color:#fa5300;
}
.select-style{
	font-size:14px;
	color:#000;
	padding:34px 0 24px 0;
}
.pay-icon i{
	font-size:40px;
	cursor:pointer;
	margin-right:20px;
}
.pay-icon i:first-child{
	color:#2bafef;
}
.pay-icon i:last-child{
	color:#00bb00;
}
.alert-footer{
	height:50px;
	line-height:50px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:#f6f6f6;
	border-top:1px solid #e6e6e6;
}
.icon-container{
	width:64px;
	height:64px;
	position:absolute;
	left:24px;
	top:-32px;
	background-color:#f6f6f6;
	-webkit-border-radius: 50%; 
	-moz-border-radius: 50%; 
	-o-border-radius: 50%; 
	border-radius: 50%; 
	border:1px solid #e6e6e6;
}
.shade{
	width:70px;
	height:40px;
	position:absolute;
	left:-4px;
	top:32px;
	background-color:#f6f6f6;
}
.icon-container i{
	display:inline-block;
	width:64px;
	height:64px;
	line-height:64px;
	text-align:center;
	font-size:45px;
	color:#fbb200;
	position:relative;
	z-index:2;
	
}
.pay-tool{
	padding-left:116px;
	font-size:14px;
	color:#353535;
	font-weight:bold;
}
.pay-tool span{
	color:#2bafef;
}
.btn-finish{
	width:53px;
	height:30px;
	color:#fff;
	background-color:#30bfa7;
	outline:none;
	border:0;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	border-radius: 4px; 
	margin-top:10px;
	margin-right:14px;
	cursor:pointer;
}

/*  footer  */
.icon{
	display: inline-block;
	vertical-align: sub;
	margin-right:15px;
}
.icon-qq{
	width:13px;
	height:14px;
	margin:0 5px;
	background:url(../../../resources/assets/icon_qq.png) no-repeat;
}
.icon-i{
	width:30px;
	height:30px;
	background:url(../../../resources/assets/icon_i.png) no-repeat;
}
.icon-pin{
	width:30px;
	height:30px;
	background:url(../../../resources/assets/icon_pin.png) no-repeat;
}
.icon-mark{
	width:30px;
	height:30px;
	background:url(../../../resources/assets/icon_mark.png) no-repeat;
}
.about-icon a{
	margin-top:-6px;
}
.footer{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	min-width:1140px;
	height:420px;
	background-color:#134038;
	font-size:12px;
	padding-top:66px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	color:#6bb2a7;
}
.footer-item{
	display:inline-block;
	height:300px;
	font-size:0;
	border-right:1px solid #7accbe;
	vertical-align: top;
}
.footer-item .footer-item-title{
	font-size:14px;
	color:#fff;
	margin-bottom:30px;
}
.footer-item .footer-item-title:after{
	display: block;
	content:'';
	width:23px;
	height:3px;
	background-color:#ffc000;
	margin-top:12px;
}
.footer-item-content,.sub-item-content{
	font-size:12px;
}
.concern{
	text-align: center;
	margin-top:18px;
}
.footer-item-content .fr{
	margin-left:56px;
	margin-right:60px;
}
.footer-item-content .fr li{
	margin-bottom:22px;
}
.service-phone{
	font-size:20px;
	color:#fff;
	font-family: arial;
}
.footer-item-bottom{
	font-size:12px;
	text-align: center;
	margin-top:40px;
}
.padding-footer-item{
	padding:0 70px;
	width:360px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.footer-item .sub-item:first-child{
	margin-right:60px;
}
.sub-item{
	display: inline-block;
}
.sub-item-content li{
	margin-bottom:24px;
}
.footer a:hover{
	color:#6bb2a7;
}
.margin-sub-item{
	margin-top:14px;
}
.last-footer-item{
	padding-left:70px;
	border:0;
}
.margin-sub-item-content{
	margin-right:30px;
}

